<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改密码</title>
    <link rel="stylesheet" href="../style/reset.css">
    <link rel="stylesheet" href="../style/main.css">
</head>
<body>
<div class="header-bar" id="anchor">
    <div class="top-bar">
        <div class="com-width">
            <div class="left-area fl">
                <a href="#" class="inform">
                    阳泉云链成功上线啦！
                </a>
                <a href="#" class="inform-text">2017-07-12</a>
            </div>
            <ul class="right-area fr">
                <li class="phone"><a href="#">151****1111</a></li>
                <li class="exit"><a href="#">退出</a></li>
                <li class="mobile">
                    <div class="phone-qr">
                        <img src="../images/about.png"/>
                        <!-- <p>下载手机APP</p> -->
                    </div>
                    <a href="#">手机客户端</a>
                </li>
                <li class="weixin-hover about">
                    <div class="weixin-qr">
                        <img src="../images/about.png"/>
                        <!-- <p>关注微信公众号</p> -->
                    </div>
                    <a href="#">关注微信号</a>
                </li>
                <li class="help"><a href="../help.html" target="_blank" title="帮助中心">帮助中心</a></li>
            </ul>
        </div>
    </div>
    <div class="logo-bar">
        <div class="com-width">
            <div class="logo fl">
                <a href="../home.html"><img src="../images/logo.png" alt="阳泉云链"></a>
            </div>
            <div class="nav fr">
                <ul class="nav-content">
                    <li class="current"><a href="../home.html" class="home">首页</a></li>
                    <li><a href="../financing.html">供应链融资</a></li>
                    <li><a href="../invest.html">我要投资</a></li>
                    <li><a href="../about.html">关于我们</a></li>
                    <li><a href="../personal.html">我的账户</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="update_main">
  <div class="update_banner">
      <h3>找回密码</h3>
      <ul class="updata_progress_state">
          <li class="updata_content  updata_content_ipone">
              <div>验证手机号</div>
              <img src="../images/payment/1.png" alt="">
          </li>
          <li class="updata_Middle_line"></li>
          <!--灰色按钮2-->
         <!-- <li class="updata_content">
              <p>重置密码</p>
              <img src="../images/payment/2.png" alt="">
          </li>-->
          <li class="updata_content">
              <div>重置密码</div>
              <img src="../images/payment/2-2.png" alt="">
          </li>
          <li class="updata_Middle_line"></li>
          <!--灰色按钮3-->
         <!-- <li class="updata_content">
              <p>完成</p>
              <img src="../images/payment/3.png" alt="">
          </li>-->
          <!--
          -->
          <li class=" updata_content">
              <div>完成</div>
              <img src="../images/payment/3-2.png" alt="">
          </li>
      </ul>
      <ul class="updata_password ">
          <li class="hide"><label>手机号码:</label><input type="text" placeholder="请输入您的手机号码"></li>

          <li class="hide"><label>真实姓名:</label><input type="text" placeholder="请输入您的真实姓名"></li>
          <li class="hide"><label>身份证号:</label><input type="text" placeholder="请输入您的身份证号"></li>
          <li class="updata_verification_code hide"><label>手机验证码:</label> <input type="text" placeholder="请输入手机验证码"> <button type="button">获取验证码</button></li>
          <li class="updata_new_password"><label>新密码:</label><input type="text" placeholder=""></li>
          <li class=""><label>确认密码:</label><input type="text" placeholder="请再次输入密码"></li>
          <li>
              <button class="updata_goin">下一步</button>
          </li>
      </ul>
      <div class="updata_success hide">
             <div><img src="../images/payment/yes.png" alt="成功">恭喜您！您已成功修改密码，请重新登录!</div>
             <button>立即登录</button>
      </div>
  </div>
</div>





<div class="footer">
    <div class="com-width clearfix">
        <div class="foot-left fl clearfix">
            <dl>
                <dt><img src="../images/about.png" alt="关注我们"></dt>
                <dd>
                    <p>客服热线</p>
                    <p class="number"><span class="phone"></span>0351-8656555</p>
                    <p>服务时间：工作日 09:00-18:00</p>
                </dd>
            </dl>
        </div>
        <div class="foot-right fr">
            <p>
                <a href="#">帮助中心</a>
                <a href="#">关于我们</a>
                <a href="#">常见问题 </a>
                <a href="#" class="help">平台公告</a>
            </p>
            <p class="info">Copyright©2016 北京麦乐科信息科技有限公司 | 京 ICP 17011867号</p>
            <p class="skill">平台技术运营服务商<span class="mailekelogo"></span></p>
        </div>
    </div>
</div>
</body>
</html>
